
<script type="text/javascript" src="js/jquery-fluid16.js"></script>
<script>
    
	$(document).ready(function(){ 
		
		$(".dinheiro").maskMoney({
			showSymbol:true ,
		    symbol:"", 
			decimal:",",
		    thousands:"."
	 	});
		
		
		$('#observacoes').width('100%');
			
	});
 </script>

 

<div class="grid_16">
    <h2 id="page-heading">Formulário de abertura de venda:</h2>
</div>

<div class="grid_5">

    <div class="box">
        <h2>
            <a href="#" id="toggle-addCliente">Cliente</a>
        </h2>
        <div class="block" id="addCliente">
            <p>
                Nenhum cliente foi adicionado a venda. <a href="#" class="adicionarClientes">Adicionar cliente?</a>
            </p>
        </div>
    </div>
    
    <div class="box">
        <h2>
            <a href="#" id="toggle-addProdutos">Produtos</a>
        </h2>
        <div class="block" id="addProdutos">
            <p>
                Nenhum produto adicionado a venda. <a href="#" class="adicionarProdutosFinal">Adicionar produtos?</a>         
            </p>
      </div>
    </div>
    
    <div class="box">
        <h2>
            <a href="#" id="toggle-observacao">Observações</a>
        </h2>
        <div class="block" id="observacao">
            <fieldset>
            <textarea name="observacoes" id="observacoes" cols="30" rows="3"></textarea>
            </fieldset>
        </div>
    </div>

    <div class="box" style="display:none">
        <h2>
            <a href="#" id="toggle-section-menu">Visualização de impressão</a>
        </h2>
        <div class="block" id="section-menu">
            <ul class="section menu">
                <li>
                    <a class="menuitem">Nota promissória</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Visualizar</a>
                        </li>
                        <li>
                            <a href="#">Imprimir</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="menuitem">Contrato de Locação</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Visualizar</a>
                        </li>
                        <li>
                            <a href="#">Imprimir</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <div class="box">
        <h2>
            <a href="#" id="toggle-fechar-venda">Situação da venda</a>
        </h2>
        <div class="block" id="fechar-venda">
            <p>
                Status:
                <input type="radio" name="statusVenda" checked="checked"  id="vendaAtiva" value="1"> Ativa : <input type="radio"  name="statusVenda" id="vandaCancelada" value="0"> Cancelada
            </p>
        </div>
    </div>
</div><!--fim grid5-->


<div class="grid_11">
   
     <div class="box">
        <h2>
            <a href="#" id="toggle-formaPagamento">Forma de pagamento</a>
        </h2>
        <div class="block" id="formaPagamento">
            <fieldset>
                <center>
                    <!--<input type="radio"  name="formaPagamento" value="1" id="avista"  class="forma"> Á vista 
                    <input type="radio"  name="formaPagamento" value="2" id="entrada" class="forma"> Entrada + Parcelas-->
                    <input type="radio" name="formaPagamento" checked="checked" id="abatimento" value="3" class="forma"> Abatimento 
                    
                </center>
                <p>
                   <div style="display:none" class="grid_4">
                        <label>Total:</label>
                        <input type="text" readonly="readonly" name="total" id="total" value="" />
                   </div>
                   <div class="grid_4" id="area_entrada" style="display:none">
                        <label>Valor Entrada:</label>
                        <input type="text" class="dinheiro" name="valorentrada" id="valorentrada" value="0,00" />
                   </div>
                   <div class="grid_4 suffix_4" id="area_parcelas" style="display:none" >
                   <label>Parcelas: </label><br>
                    <select name="formapagamento" id="parcelas">
                      <option value="1">1x</option>
                      <option value="2">2x</option>
                      <option selected="selected" value="3">3x</option>
                      <option value="4">4x</option>
                      <option value="5">5x</option>
                      <option value="6">6x</option>
                      <option value="7">7x</option>
                      <option value="8">8x</option>
                      <option value="9">9x</option>
                      <option value="10">10x</option>
                      <option value="11">11x</option>
                      <option value="12">12x</option>
                    </select>
                   </div>
                </p>
                 
				<label id="area_valores" class="grid_16" style="display:block">
               
                <table summary="This table includes examples of as many table elements as possible">
                    <colgroup>
                        <col class="colA" />
                        <col class="colB" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th>&nbsp; </th>
                            <th class="currency">Valor</th>
                        </tr>
                    </thead>
                    <tfoot>
                      
                        <tr class="total">
                            <th>Total</th>
                            <th class="currency">R$ 0,00</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr class="odd">
                            <th>&nbsp; </th>
                          <td class="currency">R$ 0,00</td>
                        </tr>
                      
                    </tbody>
                </table>
                </label>
            </fieldset>
        </div>
    </div><!--fim do box-->
    
    
    
    <!--area de exibição de produtos-->
      <div id="area_central"  style="display:none" class="box">
  		<div id="carregar">
        </div>
        <div align="center">
          <input type="button" value="Fechar" id="fechar">
        </div>
      </div>
      
      
      <div class="box">
        <input type="hidden" id="codigoVenda" value="">
        <input type="hidden" id="brindeVenda" value="0">
        <center><input type="button" id="salvarVendas" value="Salvar"/></center>
	 </div>

  
    
</div> <!--fim grid6-->



<div class="grid_5">
    
</div>

<div class="clear"></div>

